<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>充值办卡</title>
    <link rel="stylesheet" href="../../css/index.css" />
    <link rel="stylesheet" href="../../css/weui.css" />
    <link rel="stylesheet" href="../../css/reservateLog.css" />
</head>
<body style="background-color: #f8f8f8">
<div style="position: fixed;top: 0;width: 100%;z-index: 100">
<div class="page__bd page__bd_spacing">
    <div class="weui-flex">
        <div class="weui-flex__item" id="log1"><div class="placeholder">办卡记录</div></div>
        <div class="weui-flex__item" id="log2"><div class="placeholder">充值记录</div></div>
    </div>
</div>
    </div>
<div id="personalCenter" style="margin-top: 4rem;margin-bottom: 4rem">
    <div id="makeCard">
        <div style="width: 92%;margin-left: 4%;margin-top: 0.5rem;font-size: 0.9rem">
            <div class="linearBacc">面部套餐卡<span style="float: right;padding-right: 10px">2017/04/08</span></div>
            <div class="weui-panel" style="margin-top: 0px">
                <div class="weui-panel__bd">
                    <div class="weui-media-box weui-media-box_small-appmsg" style="padding-bottom: 0.5rem">
                        <div class="weui-cells" style="color: #797979">
                            <div class="weui-cell__bd weui-cell_primary" style="padding: 4px 14px 4px 16px;font-size: 0.9rem">
                                <span>面部补水</span><span style="float: right">10次</span>
                            </div>
                        </div>
                        <div class="weui-cells" style="color: #797979">
                            <div class="weui-cell__bd weui-cell_primary" style="padding: 4px 14px 4px 16px;font-size: 0.9rem">
                                <span>面部美白</span><span style="float: right">10次</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style="width: 92%;margin-left: 4%;margin-top: 0.5rem;font-size: 0.9rem">
            <div class="linearBacc">面部套餐卡<span style="float: right;padding-right: 10px">2017/04/08</span></div>
            <div class="weui-panel" style="margin-top: 0px">
                <div class="weui-panel__bd">
                    <div class="weui-media-box weui-media-box_small-appmsg" style="padding-bottom: 0.5rem">
                        <div class="weui-cells" style="color: #797979">
                            <div class="weui-cell__bd weui-cell_primary" style="padding: 4px 14px 4px 16px;font-size: 0.9rem">
                                <span>面部补水</span><span style="float: right">10次</span>
                            </div>
                        </div>
                        <div class="weui-cells" style="color: #797979">
                            <div class="weui-cell__bd weui-cell_primary" style="padding: 4px 14px 4px 16px;font-size: 0.9rem">
                                <span>面部美白de</span><span style="float: right">10次</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="recharge">
        <div class="weui-panel" style="color: #313131;">
            <div class="weui-panel__hd" style="color: #313131;font-size: 1rem">2017/05/10</div>
            <div class="weui-panel__bd">
                <div class="weui-media-box weui-media-box_small-appmsg">
                    <div class="weui-cells">
                        <div class="weui-cell weui-cell_access" style="padding: 6px 15px">
                            <div class="weui-cell__hd"><img src="../../images/shiyu/chongzhijilu_tubiao-@2x.png" alt="" style="width:20px;margin-right:5px;display:block"></div>
                            <div class="weui-cell__bd weui-cell_primary">
                                <p>123456798101112</p>
                            </div>
                            <span>+100</span>
                        </div>
                        <div class="weui-cell weui-cell_access">
                            <div class="weui-cell__hd"><img src="../../images/shiyu/chongzhijilu_tubiao-@2x.png" alt="" style="width:20px;margin-right:5px;display:block"></div>
                            <div class="weui-cell__bd weui-cell_primary">
                                <p>123456798101112</p>
                            </div>
                            <span>+100</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="weui-panel__hd" style="color: #313131;font-size: 1rem">2017/05/09</div>
            <div class="weui-panel__bd">
                <div class="weui-media-box weui-media-box_small-appmsg">
                    <div class="weui-cells">
                        <div class="weui-cell weui-cell_access" style="padding: 6px 15px">
                            <div class="weui-cell__hd"><img src="../../images/shiyu/chongzhijilu_tubiao-@2x.png" alt="" style="width:20px;margin-right:5px;display:block"></div>
                            <div class="weui-cell__bd weui-cell_primary">
                                <p>123456798101112</p>
                            </div>
                            <span>+100</span>
                        </div>
                        <div class="weui-cell weui-cell_access">
                            <div class="weui-cell__hd"><img src="../../images/shiyu/chongzhijilu_tubiao-@2x.png" alt="" style="width:20px;margin-right:5px;display:block"></div>
                            <div class="weui-cell__bd weui-cell_primary">
                                <p>123456798101112</p>
                            </div>
                            <span>+100</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="width: 100%;height: 3.1rem;position: fixed;bottom: 0;background-color: #fff;z-index: 100">
    <a href="personalCenter.html" style="display: block;width: 92%;height: 2.3rem;margin-top: 0.4rem;line-height: 2.3rem;text-align: center;color: #fff;background: linear-gradient(to right,#F562BA, #FE5967);margin-left: 4%;border-radius: 6px">返回</a>
</div>
<script type="text/javascript" src="../../js/weui/zepto.min.js"></script>
<script type="text/javascript" src="../../js/personalCenter/rechargeCard.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
</body>
</html>